﻿

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
    <title>暑假学习季 全城抢好课</title>
    <link rel="stylesheet" href="css/index.css">
    <script type="text/javascript">
        //原理是在微信易信执行Ready之前，先注册事件，所以放在所有请求的最前面
        document.addEventListener("WeixinJSBridgeReady", function () {
            audioAutoPlay();//给个全局函数
        }, false);
        document.addEventListener('YixinJSBridgeReady', function () {
            audioAutoPlay();//给个全局函数
        }, false);
    </script>
</head>
<body>

   
    <div class="play zxhh" >
   
        <audio id="Jaudio" class="media-audio" src="./pic/bg.mp3" preload loop="loop"></audio>
    </div>

    <div class="main-box">
        <div class="head-main">
            <header class="header-box">
                <img class="main-title" src="pic/main-title.png" alt="">

                <!--倒计时-->
                <div class="main-time">
                    <div class="main-time-title">距离活动结束还有:</div>
                    <ul class="time-ul clear" id="times_container">
                        <li>
                            <div id="times_day"></div>
                            <div>天</div>
                        </li>
                        <li>
                            <div id="times_hour"></div>
                            <div>时</div>
                        </li>
                        <li>
                            <div id="times_minute"></div>
                            <div>分</div>
                        </li>
                        <li>
                            <div id="second"></div>
                            <div>秒</div>
                        </li>
                    </ul>
                </div>
                <a href="javascript:" class="btn-go-grpup">
                    <img src="pic/btn-go-grpup.png" alt="">
                </a>
            </header>
        </div>

        <div class="free">
            <img src="pic/free-title.png" width="68%">
        </div>
        <ul class="btn-go-box clear">
            <li class="btn-go-si">
                <a href="NOne" class="btn-go">
                    <img src="pic/bg-xiaoyi.png" alt="">
                </a>
                <div class="btn-go-note">(秋季开学二年级)</div>
            </li>
            <li class="btn-go-si">
                <a href="NSeven" class="btn-go">
                    <img src="pic/bg-chuyi.png" alt="">
                </a>
                <div class="btn-go-note">(秋季开学初一)</div>
            </li>
        </ul>
        <div class="draw-part">
            <img src="pic/draw-part.png" width="92%">
        </div>
        <div class="main-rule-box">
            <div class="main-rule-title">
                <img src="pic/note-title.png" alt="">
            </div>
            <ul class="main-rule-ul">
                <li class="clear">
                    <div class="main-rule-left">活动时间：</div>
                    <div class="main-rule-right">2018年3月23日~2018年4月1日</div>
                </li>
                <li class="clear">
                    <div class="main-rule-left">启动时间：</div>
                    <div class="main-rule-right">
                        <div>2018年3月23日20:00</div>
                        <div>当天20:00 —24:00为活动优先场</div>
                    </div>
                </li>
                <li class="clear">
                    <div class="main-rule-left">开放时间：</div>
                    <div class="main-rule-right">
                        <div>活动启动后，每天2轮限时抢报</div>
                        <div>第一轮：10:00—13:00</div>
                        <div>第二轮：19:00—22:00</div>
                    </div>
                </li>
                <li class="clear">
                    <div class="main-rule-left">活动区域：</div>
                    <div class="main-rule-right">思考乐教育<span class="rule-color-y">深圳各分校</span></div>
                </li>
                <li class="clear">
                    <div class="main-rule-left">活动对象：</div>
                    <div class="main-rule-right">2018<span class="rule-color-y">秋季开学二年级、四年级、初一、高一</span>学生</div>
                </li>
                <li class="clear">
                    <div class="main-rule-left">活动福利：</div>
                    <div class="main-rule-right">凡报名者均可通过<span class="rule-color-y">转发微信群或朋友圈获取抽奖资格</span>，每天可抽5次</div>
                </li>
                <li class="clear">
                    <div class="main-rule-left">活动解释：</div>
                    <div class="main-rule-right">马思特教育有权在法律许可的范围内对活动进行解释</div>
                </li>
            </ul>

        </div>
        <div class="main-rule-note">马思特教育集团版权所有</div>

    </div>

</body>
</html>
    <div id="alert-zixun" class="alert-zixun">
        <div class="alert-zixun-content">
            <img class="img-code-zixun" src="pic/code-zixun.jpg" alt="">
            <div class="code-zicun-note">扫码关注公众号了解详情</div>
        </div>
        <img class="btn-cloes-zixun" src="pic/btn-cloes-zixun.png" alt="">
    </div>

<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/layer.js"></script>
<script src="js/font.js"></script>
<script src="js/daojishi.js"></script>
<script src="js/music.js"></script>

<script>
    //捕获页
    $(".btn-go-grpup").on("click", function () {
            layer.open({
                type: 1,
                shade: [0.7, 'rgb(0, 0, 0)'],
                area: ['90%'],
                offset: ['25%'],
                scrollbar: false,
                shadeClose: true,
                resize: true,
                title: false, //不显示标题
                closeBtn: 0,
                content: $("#alert-zixun"),
                success: function (layero, index) {
                    $(".btn-cloes-zixun").on("click", function () {
                        layer.closeAll();
                    })
                }

            });
        })

    function audioAutoPlay() {//全局控制播放函数
        var audio = document.getElementById("Jaudio"),
            play = function () {
                audio.play();
                document.removeEventListener("touchstart", play, false);
            };
        audio.play();
        document.addEventListener("touchstart", play, false);
    }

    var isAppInside = /micromessenger/i.test(navigator.userAgent.toLowerCase()) || /yixin/i.test(navigator.userAgent.toLowerCase());

    if (!isAppInside) {
        //给非微信易信浏览器
        audioAutoPlay();
    }


    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?83845842bc09b9e77eeab77d5d9d2779";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script src="js/publib.js"></script>
    <script src="js/jweixin-1.2.0.js"></script>
    <script type="text/javascript">
        var shareImg = 'https://sic.skl520.com/ContentAct/SumXc/images/min.png';
        var shareLink = 'https://sic.skl520.com/hd/ThreeXc';//分享显示页面
        var shareDesc = '现读一、三、六、九年级学生暑假来习，学费全免，敬请关注！';
        var shareTitle = '2018思考乐暑假班学费全免，0元学一夏';
        //------------微信js------------
        wx.config({
            debug: false,
            appId: 'wx12be6cfd7335979f',
            timestamp: '1522237401',
            nonceStr: 'Wm3WZYTPz0wzccnW',
            signature: 'e0c03c40990c580ee5e74b8011ff3a8cad64d301',
            jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
        });

        //分享朋友圈
        wx.ready(function () {
            wx.onMenuShareTimeline({
                title: shareTitle,
                link: shareLink,
                imgUrl: shareImg,
                success: function () {
                },
                cancel: function () {
                }
            });

            //分享给朋友
            wx.onMenuShareAppMessage({
                title: shareTitle,
                desc: shareDesc,
                link: shareLink,
                imgUrl: shareImg,
                type: 'link',
                dataUrl: '',
                success: function () {
                },
                cancel: function () {
                }
            });
        });
    </script>
